<template></template>

<style>
.hover-text-primary:hover {
  color: var(--q-primary) !important;
}
.hover-text-accent:hover {
  color: var(--q-accent) !important;
}
.hover-text-info:hover {
  color: var(--q-info) !important;
}
.hover-text-secondary:hover {
  color: var(--q-secondary) !important;
}
</style>

<style>
.hover-bg-primary:hover {
  background-color: var(--q-primary) !important;
}
.hover-bg-accent:hover {
  background-color: var(--q-accent) !important;
}
.hover-bg-info:hover {
  background-color: var(--q-info) !important;
}
.hover-bg-secondary:hover {
  background-color: var(--q-secondary) !important;
}
</style>

<style>
.border-primary {
  border-color: var(--q-primary);
}
.border-accent {
  border-color: var(--q-accent);
}
.border-info {
  background-color: var(--q-info);
}
.border-secondary {
  background-color: var(--q-secondary);
}

.hover-border-primary:hover {
  border-color: var(--q-primary) !important;
}
.hover-border-accent:hover {
  border-color: var(--q-accent) !important;
}
.hover-border-info:hover {
  background-color: var(--q-info) !important;
}
.hover-border-secondary:hover {
  background-color: var(--q-secondary) !important;
}
</style>
